<template>
	<view class="sign-in">
		<view>
			<view class="rule-title">成长徽章规则</view>
			<view class="rule-content">青铜骑士徽章：500积分自动解锁；</view>
			<view class="rule-content">白银骑士徽章：3000积分自动解锁</view>
			<view class="rule-content">黄金骑士徽章：5000积分自动解锁</view>
			<view class="rule-content">钻石骑士徽章：20000积分自动解锁</view>
			<view class="rule-content">至尊骑士徽章：30000积分自动解锁</view>
			<view class="rule-content">积分解锁可累计积分；徽章获得后永久有效。</view>
			
			<view class="rule-title">活动徽章</view>
			<view class="rule-content">一、签到徽章</view>
			<view class="rule-content">连续签到30日、60日、180日、365日即可解锁对应徽章，该徽章永久获得，不失效；</view>
			<view class="rule-content">二、骑行徽章</view>
			<view class="rule-content">骑行首次达到500km、1000km、2000km、5000km、10000km、20000km，自动获得该徽章及对应积分；</view>
			<view class="rule-content">三、社牛徽章</view>
			<view class="rule-content">邀请3位好友完成试驾（试驾单状态：已完成）或邀请1位好友完成购车（邀请购车：整车订单状态已完成）自动获得徽章，不失效；</view>
			<view class="rule-content">四、知识徽章</view>
			<view class="rule-content">在社区内发动态/发文章，并有一次加精或四次内容推荐，自动获得；次月末不满足条件则取消徽章；</view>
			<view class="rule-content">五、生日徽章</view>
			<view class="rule-content">购车后根据生日当天解锁，该徽章永久获得，不失效；</view>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	const network = require("@manager/network-manager.js")
	import calendar from '@components/r-calendar/r-calendar.vue'
	const dialog = require("../../../utils/dialog.js")
	import titlebara from '@/components/titlebar/titlebar'
	export default {
		components: {
			calendar,
			titlebara

		},
		data() {
			return {
				value: true,
				windowHeight: 0,
				navigationBarHeight: app.globalData.statusBarHeight + 44 + 'px',
				selected: [],
				checkinDay: 0
			};
		},
		onLoad: function(options) {},
		onShow() {
			
		},
		methods: {
			
		}
	}
</script>
<style>
	page {
		background: url('@appstatic/img/my/bg-img.jpg') no-repeat center center fixed;
		background-size: cover;
		box-sizing: border-box;
	}
</style>
<style lang='scss' scoped>
	.sign-in {
		width: 100vw;
		min-height: 100vh;
		box-sizing: border-box;
		/* background: #EDEDED url(@appstatic/img/my/bg-img.jpg) no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-attachment: fixed; */

		image {
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
		}

		.top-box {
			width: 750rpx;
			max-height: 750rpx;
			overflow: hidden;
			position: relative;

			.top-bg {
				display: block;
				width: 100%;
			}

			.btn-img {
				width: 178rpx;
				z-index: 99;
				position: absolute;
				top: 470rpx;
				left: 60rpx;
			}

			.text-box {
				z-index: 99;
				position: absolute;
				top: 200rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 40rpx;
					line-height: 46rpx;
				}

				.text {
					font-size: 28rpx;
					line-height: 40rpx;
				}
			}

			.text-box-small {
				z-index: 99;
				position: absolute;
				top: 250rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 24rpx;
					line-height: 40rpx;
				}

				.text {
					font-weight: 500;
					font-size: 24rpx;
					line-height: 40rpx;
				}
			}
		}
		.rule-title {
			font-weight: 700;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
		}
		.rule-content {
			font-weight: 500;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
			
		}

		.calendar-box {
			margin-top: 10rpx;

			/deep/.uni-calendar__content {
				background-color: rgba(0, 0, 0, 0);
			}

			/deep/.uni-calendar__backtoday {
				display: none;
			}

			/deep/.uni-calendar__header {
				border: none;
			}

			/deep/.uni-calendar__header-btn {
				border: none;
				background: #3D3A3A;
				transform: matrix(0, -1, -1, 0, 0, 0);
			}
		}
	}
</style>

<!-- <template>
	<view  >
		 <web-view  :src="path"></web-view>
	</view>
</template>

<script>
	const app = getApp();
	const network = require("@manager/network-manager.js");
	const util = require('@utils/util.js');
	export default {
		data() {
			return {
				path:''
			}
		},
		onLoad() {
			// this.url = app.globalData.config.HTML_ROOT + app.globalData.config.interfaces.URL_APP_AGREEMENT
			this.path = app.globalData.config.HTML_ROOT + app.globalData.config.interfaces.URL_APP_BADGERULT
		},
		methods: {
			
		}
	}
</script>

<style>
page {
	}
</style> -->
